<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/html_head :: head(~{::title},~{},~{})">
  <title th:text="'智汇| ' + ${aimUser.nickname}"></title>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper">
  <!-- 主 头部 -->
  <header th:insert="common/top :: top"></header>
  <!-- 左侧菜单，包含logo、搜索、菜单-->
  <aside th:insert="common/left :: left"></aside>

  <!-- 页面内容包装器 div -->
  <div class="content-wrapper">
    <!-- 页面头部 -->
    <section class="content-header">
      <h1>
        他人介绍
        <small><span th:text="${aimUser.nickname}"></span> 的信息~</small>
      </h1>
      <ol class="breadcrumb">
        <li><a href="/index"><i class="fa fa-dashboard"></i> 主页</a></li>
        <li class="active">他人介绍</li>
      </ol>
    </section>

    <!-- 页面内容 -->
    <section class="content">
      <div class="row">
        <div class="col-md-3">
          <!-- Profile Image -->
          <div class="box box-primary">
            <div class="box-body box-profile">
              <img class="profile-user-img img-responsive img-circle" th:src="${aimUser.headImage}" alt="头像">

              <h3 class="profile-username text-center" th:text="${aimUser.nickname}">昵称</h3>
              <!--<p class="text-muted text-center">张**</p>-->
              <ul class="list-group list-group-unbordered">
                <li class="list-group-item">
                  <b>性别</b> <a class="pull-right" th:text="${aimUser.sex}"></a>
                </li>
                <li class="list-group-item">
                  <b>汇龄</b> <a class="pull-right" th:text="${(new java.util.Date().getTime() - aimUser.createTime.getTime()) / 1000 / 3600 / 24} + ' 天'">13 天</a>
                </li>
            <!--    <li class="list-group-item">
                  <b>鲜花</b> <a class="pull-right">13,287</a>
                </li>-->
              </ul>
<!--              <a href="#" class="btn btn-primary btn-block"><b>送 ta 鲜花</b></a>-->
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->

          <!-- About Me Box -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title">对访客说</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <!--<strong><i class="fa fa-book margin-r-5"></i> Education</strong>
              <p class="text-muted">
                B.S. in Computer Science from the University of Tennessee at Knoxville
              </p>
              <hr>
              <strong><i class="fa fa-map-marker margin-r-5"></i> Location</strong>
              <p class="text-muted">Malibu, California</p>
              <hr>
              <strong><i class="fa fa-pencil margin-r-5"></i> Skills</strong>
              <p>
                <span class="label label-danger">UI Design</span>
                <span class="label label-success">Coding</span>
                <span class="label label-info">Javascript</span>
                <span class="label label-warning">PHP</span>
                <span class="label label-primary">Node.js</span>
              </p>
              <hr>
              <strong><i class="fa fa-file-text-o margin-r-5"></i> Notes</strong>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum enim neque.</p>-->
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- /.col -->
        <div class="col-md-9">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              <li class="active"><a href="#recent-collect" data-toggle="tab">近期收集</a></li>
            </ul>
            <div class="tab-content">
              <div class="active tab-pane" id="recent-collect">
                <!-- The timeline -->
                <ul class="timeline timeline-inverse">
                  <!-- timeline time label -->
                    <!--<li class="time-label">
                        <span class="bg-red" th:text="${#dates.format(new java.util.Date().getTime(), 'yyyy-MM')}">
                          2015 年 5 月
                        </span>
                    </li>-->
                    <!-- timeline item -->
                    <li th:each="recentTable : ${recentTableList}">
                      <i th:class="'fa ' + ${recentTable.filled ? 'fa-edit bg-aqua' : 'fa-table bg-red'}"></i>
                      <div class="timeline-item">
                        <span class="time"><i class="fa fa-clock-o"></i> <span th:text="${#dates.format(recentTable.operateTime, 'MM-dd')}">12:05</span></span>
                        <h3 class="timeline-header"><span th:text="${recentTable.filled ? '参与' : '发起'}">发起</span> <a th:href="'/collect/data/' + ${recentTable.table.id}" th:text="${recentTable.table.name}">xxx收集表</a></h3>
                        <div th:if="${recentTable.table.detail}" class="timeline-body" th:text="${recentTable.table.detail}">
                          简介。。。。
                        </div>
                        <div class="timeline-footer">
                          <a th:if="${recentTable.table.state eq 'COLLECTING'}" th:href="'/collect/share/start?t=' + ${recentTable.table.id}" class="btn btn-primary btn-xs">参与</a>
                          <a th:remove="${recentTable.filled ? 'all' : recentTable.table.state eq 'COLLECTING' ? 'none' : 'all'}" th:href="'/collect/share/44' + ${recentTable.table.id}" class="btn btn-warning btn-xs">帮他分享</a>
                          <!--<a class="btn btn-danger btn-xs">查看详情</a>-->
                        </div>
                      </div>
                    </li>
                    <!-- END timeline item -->
                  <li>
                    <i class="fa fa-clock-o bg-gray"></i>
                  </li>
                </ul>
              </div>
              <!-- /.tab-pane -->
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- /.nav-tabs-custom -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->

    </section>
    <!-- /.页面内容结束 -->
  </div>
  <!-- /.页面内容包装器 div 结束 -->

  <!-- 页脚 -->
  <footer th:insert="common/bottom :: footer"></footer>
  <!-- Control Sidebar 右侧边栏 -->
  <aside th:insert="common/right :: aside"></aside>
  <!-- 右侧边栏的背景，必须紧接着control sidebar放这个  -->
  <div th:insert="common/right :: aside2"></div>
</div>
<!-- ./wrapper -->
<!-- Js 脚本 -->
<div th:insert="common/html_js :: div_js"></div>
</body>
</html>